<!-- Ana Luisa Figón Treviño -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
        </script>
		<title>About Me</title>
		<style type="text/css">
			.itemList{
				color: gray;
			}
		</style>
        <script type="text/javascript">
		function eso(){
		$("body").css("font-family","Arial, Helvetica, sans-serif");
		var arreglo = ["Domingo", "Yu-gi-oh", "tampico"];
		var span = $('span');
        span.each(function(index, elem) {
        var mySpan = $(elem);
        mySpan.html(arreglo[index]);
		mySpan.addClass("itemList");
        });
		var myParagraph = $('<img src = "9b9d463583eaa84eace88d0.gif" />');
		$('img').remove();
		$('body').append(myParagraph);
		}
		</script>
	</head>
	<body>

		<h1>About Me</h1>
		<ul>
			<li>Nickname: <span id='nickname'></span></li>
			<li>Favorites: <span id='favorites'></span></li>
			<li>Hometown: <span id='hometown'></span></li>
		</ul>
		<input type='button' onClick='eso();' value="click">
	</body>

</html>
	